<link rel="stylesheet" href="view/time/css/datepicker.css" />
<link rel="stylesheet" href="view/jjstree/css/demo.css" type="text/css" />
<link rel="stylesheet" href="view/jjstree/css/zTreeStyle.css" type="text/css" />
<!--地区三级联动-->
<link rel="stylesheet" href="css/j-selcetd.css" />
<script src="view/Select/js/jquery.combo.select.js"></script>
<link rel="stylesheet" href="view/Select/css/combo.select.css" />
<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css" />

<link rel="stylesheet" type="text/css" href="view/jdtree/jdtree.css">
<div class="cn_containner">
	<!--新增用户-->
	<div class="j-dialog" id="userDialog">
		<div class="j-dialog-bg top5vh small-bg">
			<div></div>
			<div class="center-h510"></div>
			<div></div>
		</div>
		<div class="j-dialog-con top5vh size-small">
			<div class="j-dialog-header">
				<div class="title">
					<div class="text">新增用户</div>
					<div class="close-div" onclick="closeDialog()"></div>
				</div>
			</div>
			<div class="j-dialog-content topMar" style="overflow: auto;">
				<form id="addUser" style="height: 450px;">
					<!-- <div class="form-group">
						<label class="col-lg-4 control-label">
								<span style="color:#f00;">*</span>
							用户名
						</label>
						<div class="col-lg-8">
								<input class="form-control" name="userName" type="text" autocomplete="off" placeholder="请输入用户名"/>
						</div> -->
				   	  <div class="form-group">
								<label class="col-lg-4 control-label">
										<span style="color:#f00;">*</span>
									用户名
								</label>
								<div class="col-lg-8">
									<input class="form-control" name="userName" type="text" autocomplete="new-password" placeholder="请输入用户名"/>
								</div>
						  </div>
						  <div class="form-group">
								<label class="col-lg-4 control-label">
										<span style="color:#f00;">*</span>
										用户姓名
								</label>
								<div class="col-lg-8">
										<input class="form-control" name="realName" type="text" autocomplete="off" placeholder="请输入用户姓名"/>
								</div>
							</div>
							<div class="form-group">
									<label class="col-lg-4 control-label">
											<span style="color:#f00;">*</span>
											邮箱
									</label>
									<div class="col-lg-8">
											<input class="form-control" name="email" type="email" autocomplete="off" placeholder="请输入邮箱"/>
									</div>
							</div>
							<div class="form-group">
									<label class="col-lg-4 control-label">
											<span style="color:#f00;">*</span>
											手机号
									</label>
									<div class="col-lg-8">
											<input class="form-control" name="mobile" type="text" autocomplete="off" placeholder="请输入手机号"/>
									</div>
							</div>
							<div class="form-group">
									<label class="col-lg-4 control-label">
											<span style="color:#f00;">*</span>
											密码
									</label>
									<div class="col-lg-8">
											<input class="form-control" name="password" type="password" id="addPassword" autocomplete="off" placeholder="请输入6-16位的密码"/>
									</div>
							</div>
							<div class="form-group">
									<label class="col-lg-4 control-label">
											<span style="color:#f00;">*</span>
											确认密码
									</label>
									<div class="col-lg-8">
											<input class="form-control" name="realPassWord" type="password" autocomplete="off" placeholder="请输入确认密码"/>
									</div>
							</div>
							<div class="form-group">
								<label class="col-lg-6 control-label">
									<span style="color:#f00;">*</span>
									账户是否可用
								</label>
								<div class="col-lg-6 jdialog-select-div form-control" id="addActivated">
								
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-5 control-label">
									<span style="color:#f00;">*</span>
									过期时间
								</label>
								<div class="col-lg-7 c-datepicker-date-editor c-datepicker-single-editor J-datepickerTime-single mt10 j-dialog-one-time" style="width: 58% !important;padding-left: 5px;" id="datetime_start">
							    	<i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
							    	<input type="text" required autocomplete="off" name="expirationDate" placeholder="选择日期" class=" c-datepicker-data-input" style="padding: 0;" value="" id="d_input_starttime">
							    </div>
							</div>
							<div class="jdialog-row  item rtable_input onlyplace" style="display:flex; width:308px;">
								<p><span style="color:#f00;">*</span>所属地区</p>
								<div class="box">
									<div class="qrm-pinming">
										<div class="qrm-input-border">
											<input
											autocomplete="off"
												type="text"
												id="manageAreaName"
												name="manageAreaName"
												required
												placeholder="请选择所属地区"
												class="qrm-input"
												disabled
												style="margin-left: 0px;
																		background: none;
																		border: none;
																		border-radius: 0;
																		color: #fff;
																		width: inherit;"
											/>
										</div>
										<div class="qrm-main-add" id="qrm-main"></div>
									</div>
								</div>
							</div> 
				  <div class="handle-btn form-group jdialog-btn">
							<span class="j-btn span-btn primray" onclick="closeDialog()">取消</span>
							<span id="sure" class="j-btn span-btn primray">确定</span>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--修改用户-->
	<div class="j-dialog" id="updateUser">
		<div class="j-dialog-bg top17vh small-bg">
			<div></div>
			<div class="center-h300" style="height: 330px;"></div>
			<div></div>
		</div>
		<div class="j-dialog-con top17vh size-small">
			<div class="j-dialog-header">
				<div class="title">
					<div class="text">修改用户</div>
					<div class="close-div" onclick="closeDialogUpdate()"></div>
				</div>
			</div>
			<div class="j-dialog-content topMar">
				<form id="updateForm">	<div class="form-group">
							<label class="col-lg-4 control-label">
									<span style="color:#f00;">*</span>
								用户名
							</label>
							<div class="col-lg-8">
									<input class="form-control" name="userName" id="userName" type="text" autocomplete="off" placeholder="请输入用户名"/>
							</div>
						</div>
						<div class="form-group">
							<label class="col-lg-4 control-label">
									<span style="color:#f00;">*</span>
									用户姓名
							</label>
							<div class="col-lg-8">
									<input class="form-control" name="realName" id="realName" type="text" autocomplete="off" placeholder="请输入用户姓名"/>
							</div>
						</div>
						<div class="form-group">
								<label class="col-lg-4 control-label">
										<span style="color:#f00;">*</span>
										邮箱
								</label>
								<div class="col-lg-8">
										<input class="form-control" name="email" type="email" id="email" autocomplete="off" placeholder="请输入邮箱"/>
								</div>
						</div>
						<div class="form-group">
								<label class="col-lg-4 control-label">
										<span style="color:#f00;">*</span>
										手机号
								</label>
								<div class="col-lg-8">
										<input class="form-control" name="mobile" type="text" id="mobile" autocomplete="off" placeholder="请输入手机号"/>
								</div>
						</div>
					<div class="form-group">
						<label class="col-lg-6 control-label">
							<span style="color:#f00;">*</span>
							账户是否可用
					</label>
						<div class="col-lg-6 jdialog-select-div form-control" id="updateActivated">
						
						</div>
					</div>
					<div class="form-group">
						<label class="col-lg-5 control-label">
							<span style="color:#f00;">*</span>
							过期时间
						</label>
						<div class="col-lg-7 c-datepicker-date-editor c-datepicker-single-editor J-datepickerTime-single mt10 j-dialog-one-time" style="width: 58% !important;padding-left: 5px;" id="datetime_start_edit">
					    	<i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
					    	<input type="text" required autocomplete="off" name="expirationDate" placeholder="选择日期" class=" c-datepicker-data-input" style="padding: 0;" value="" id="d_input_starttime_edit">
					    </div>
					</div>
					<div class="jdialog-row item rtable_input onlyplace" style="display:flex; width:308px;">
						<p><span style="color:#f00;">*</span>所属地区</p>
						<div class="box">
							<div class="qrm-pinming">
								<div class="qrm-input-border">
									<input
										id="manageAreaNameUpdate"
										type="text"
										autocomplete="off"
										name="manageAreaName"
										required
										placeholder="请选择"
										class="qrm-input"
										disabled
										style="margin-left: 0px;
                                background: none;
                                border: none;
                                border-radius: 0;
                                color: #fff;
                                width: inherit;"
									/>
								</div>
								<div class="qrm-main-update" id="qrm-main"></div>
							</div>
						</div>
					</div>
					<div class="jdialog-btn">
					
						<span class="j-btn span-btn" onclick="closeDialogUpdate()">取消</span>
						<span id="updateSure" class="j-btn span-btn primray">确定</span>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--授权-->
	<!--form表单-->
	<div class="j-dialog" id="power">
		<div class="j-dialog-bg top13vh accout-big-bg big-bg">
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div class="j-dialog-con accountPower-size-big size-big">
			<div class="j-dialog-header account-tit">
				<div class="title powerBtn">
					<span class="title-text" id="gz_dialog_subtitle">
						授权
					</span>
					<div class="close-div" onclick="common.closePowerDialog()"></div>
				</div>
			</div>
			<div class="j-dialog-content accountPower left">
				<form id="powerForm">
					<!-- 测试区 -->
					<div class="jdialog-row row-power item">
						<p><span style="color:#f00;">*</span>所属地区</p>
						<div class="j-tree alarm-tree" style="width:300px;flex:none;">
							<ul class="jdul-tree" id="jdul_tree"></ul>
						</div>
					</div>
					<!-- <div class="jdialog-row row-power">
						<p><span style="color:#f00;">*</span> 所属角色</p>
						<select
							id="powerRule"
							style="width:195px;border-radius: 5px;border: 1px solid #4e9cf4;"
							type="text"
							required
							name="role_id"
							placeholder="请选择"
						>
						</select>
					</div> -->
					<div class="jdialog-row getPowerCon">
						<p><span style="color:#f00;">*</span> 所属角色</p>
						<div class="jdialog-select-div" id="powerRule">
						</div>
					</div>
					<div class="jdialog-row row-power checkbox">
						<p><span style="color:#f00;">*</span>行业类别</p>
						<div class="check-choose" style="margin-left:32px;">
							<input type="checkbox" name="keche" value="1" id="custormCar"/>
							<span>班线客运</span>
						</div>
						<div class="check-choose">
							<input type="checkbox"  name="baoche" value="2" id="tourCar"/>
							<span>旅游包车</span>
						</div>
						<div class="check-choose">
							<input type="checkbox" name="yunshu" value="3" id="dangerCar"/>
							<span>危险品运输</span>
						</div>
					</div>
					<div class="jdialog-row row-power checkbox" id="sysType">
						<p><span style="color:#f00;">*</span> 系统类别</p>
						<div class="check-choose">
							<input type="radio" name="is_buy" value="1" id="mind"/>
							<span>智能联网联控系统</span>
						</div>
						<div class="check-choose">
							<input type="radio" name="is_buy" value="2" id="drivingSafe"/>
							<span>主动安全智能防控系统</span>
						</div>
					</div>
					<div class="jdialog-row row-power">
						<p><span style="color:#f00;"></span> 选择车辆</p>
						<div class="choose-car">
							<div class="car-name" id="carCard"></div>
							<div class="choose-car-btn" id="chooseCarBox" style="cursor: pointer;">
								<div class="add-car-icon"></div>
								<span class="text-car">选择车辆</span>
							</div>
						</div>
					</div>
					<div class="jdialog-btn row-power">
						<span class="power-cancel-close j-btn span-btn">取消</span>
						<span id="keepPowerSure" class="j-btn span-btn primray">确定</span>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--选择车辆弹窗-->
	<div class="j-dialog" id="carTable" style="z-index:999">
		<div class="j-dialog-bg big-bg">
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div class="j-dialog-con size-big">
			<div class="j-dialog-header">
				<div class="title">
					<span class="title-text" id="gz_dialog_subtitle">选择车辆</span>
					<div class="close-div" onclick="closeCarDialog()"></div>
				</div>
			</div>
			<div class="j-dialog-content allocation-table">
				<form id="car">
					<ul class="d-search-div">
						<li class="item rtable_input" style="display:inline-flex; width:308px;">
							<p>地区</p>
							<div class="box">
								<div class="qrm-pinming">
									<div class="qrm-input-border">
										<input
											type="text"
											disabled
											autocomplete="off"
											id="carAreaName"
											placeholder="请选择所属地区"
											class="qrm-input"
											style="margin-left: 0px;
	                                background: none;
	                                border: none;
	                                border-radius: 0;
	                                color: #fff;
	                                width: inherit;"
										/>
									</div>
									<div class="qrm-main-car" id="qrm-main"></div>
								</div>
							</div>
						</li>
						<li class="d-search-item">
							<p>运营商</p>
							<input type="text" id="fp_dialog_search_platform_name" />
						</li>
						<li class="d-search-item">
							<p>企业</p>
							<input type="text" id="fp_dialog_search_owers_name" />
						</li>
						<li class="d-search-item">
							<p>车辆</p>
							<input type="text" id="fp_dialog_search_vehicle_no" />
						</li>
						<li class="d-search-item">
							<p>分配状态</p>
							<select id="dialog_select_allcation">
								<option value="">请选择</option>
								<option value="2">未分配</option>
								<option value="1">已分配</option>
							</select>
						</li>
						<li class="d-search-item">
							<button class="j-btn" id="fp_dsearch">查询</button>
						</li>
						<li class="d-search-item">
							<button class="j-btn" id="fp_dreset">重置</button>
						</li>
					</ul>
				</form>

				<div class="d-table" style="height: 150px;overflow: auto;">
					<table id="dialog_table"></table>
				</div>
				<div class="jdialog-btn power-sure-cancel">
					<button class="j-btn" id="carCancel" onclick="closeCarDialog()">取消</button>
					<button class="j-btn primray" id="carSure">确定</button>
				</div>
			</div>
		</div>
	</div>
	<!--表格-->
	<div class="table-con">
			<div class="title"><div class="text">用户管理</div></div>
		<!-- 搜索条件 -->
		<div class="j-search-con">
			<div class="border-j-top"></div>
			<div class="border-j-bottom"></div>
			<div class="search-div">
				<div class="j-search-row">
					<div class="item rtable_input">
						<p>用户名称</p>
						<input type="text" id="userNameInp" />
					</div>
					<div class="j-search-btn" style="margin-top:0;">
						<button class="j-btn" id="checkBtn">查询</button>
						<button class="j-btn j-btn1" id="refreshBtn">重置</button>
				</div>
				</div>
			</div>
		</div>
		<div class="j-table-con table_One">
			<div class="border-j-top"></div>
			<div class="border-j-bottom"></div>
			<div class="j-search-row rain_top">
				<button class="j-btn" id="addAccountInf"><i class="iconfont">&#xe621;</i>增加</button>
			</div>
			<div class="j-table">
				<div class="cnf_table table_Two" style="min-height: 100px;position: relative;">
					<div class="jid-loading" id="jid_loading"><div class="typing_loader"></div></div>
					<table id="manageTable"></table>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script type="text/javascript" src="view/selcetRadio/js/qrm-pinming-add.js"></script>
<script type="text/javascript" src="view/selcetRadio/js/qrm-pinming-car.js"></script>
<script type="text/javascript" src="view/selcetRadio/js/qrm-pinming-update.js"></script>
<script type="text/javascript" src="view/selcetRadio/js/qrm-pinming-checkbox.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="js/jdialog-btn.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script src="view/jdtree/jdtree.js"></script>
<script type="text/javascript" src="js/jdSelect.js"></script>
<script type="text/javascript" src="js/system/user.js"></script>
